# Link

## Installation

`npm i @snack-uikit/link`

[Changelog](./CHANGELOG.md)

## Example

## Example

```tsx
import { Link } from '@snack-uikit/link';

<Link
  onSurface='accent'
  href='https://cloud.ru/'
  text='Link text'
  external={true}
  onColor='primary'
/>;
```

[//]: DOCUMENTATION_SECTION_START
[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
## Link
Компонент ссылка
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| text | `string` | - | Текст ссылки |
| className | `string` | - | CSS-класс |
| href | `string` | # | Ссылка |
| target | `HTMLAttributeAnchorTarget` | _blank | HTML-атрибут target |
| download | `string` | - | HTML-атрибут download |
| onClick | `MouseEventHandler<HTMLAnchorElement>` | - | Колбек обработки клика |
| size | enum Size: `"s"`, `"m"`, `"l"` | s | Размер |
| external | `boolean` | - | Ведет ли ссылка на внешний ресурс (добавляет иконку если true) |
| appearance | enum Appearance: `"invert-neutral"`, `"neutral"`, `"primary"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | primary | Стилизует ссылку для размещения на цветном фоне |
| textMode | enum TextMode: `"default"`, `"accent"`, `"on-accent"` | default | Тип поверхности, на которой размещена ссылка |
| insideText | `boolean` | - | Находится ли ссылка внутри текста (и можно ли её переносить) |
| truncateVariant | "end" \| "middle" | - | Вариант обрезания строки: <br> - `end` - с конца; <br> - `middle` - по середине |


[//]: DOCUMENTATION_SECTION_END
